<nz-skeleton [nzLoading]="loading" [nzActive]="true">
    <div class="table-nzbordered">
        <nz-table #rowSelectionTable [id]="tableId" nzBordered [nzLoadingDelay]="1000" [nzShowPagination]="false"
            [nzFrontPagination]="false" [nzPageSize]="selectedValue" [nzData]="bodyData"
            (nzCurrentPageDataChange)="currentPageDataChange($event)" (nzPageIndexChange)="refreshStatus()"
            (nzPageSizeChange)="refreshStatus()">
            <thead>
                <tr>
                    <th nzAlign="center" nzWidth="50px">序号</th>
                    <th nzAlign="center" *ngFor="let item of headData" [nzWidth]="item.width">{{item.name}}</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let data of rowSelectionTable.data;index as i">
                    <td [ngStyle]="bgColor(i)" nzAlign="center">
                        {{(pageValue - 1) * selectedValue + i + 1}}</td>
                    <ng-container *ngFor="let item of ObjectKeys;">
                        <ng-container [ngSwitch]="item">
                            <ng-container *ngSwitchCase="'line'"> 
                                    <td [ngStyle]="bgColor(i)" nzAlign="center">
                                        {{data[item]}}
                                    </td> 
                            </ng-container>
                            <ng-container *ngSwitchCase="'orgName'">
                                <td [ngStyle]="bgColor(i)" nzAlign="center">
                                    {{data[item]}}
                                </td>
                            </ng-container>
                            <ng-container *ngSwitchCase="'level'">
                                <td [ngStyle]="bgColor(i)" nzAlign="center">
                                    {{data[item]}}
                                </td>
                            </ng-container>
                            <ng-container *ngSwitchCase="'planFinishRate'">
                                <td [ngStyle]="bgColor(i)" nzAlign="center">
                                    {{data[item]}}
                                </td>
                            </ng-container>
                            <ng-container *ngSwitchCase="'skyTypeName'">
                                <td [ngStyle]="bgColor(i)" nzAlign="center" *ngIf="data.rowSpan > 0"
                                    [attr.rowspan]="data.rowSpan">
                                    {{data[item]}}
                                </td>
                            </ng-container>
                            <ng-container *ngSwitchDefault>
                                <td [ngStyle]="bgColor(i)" nzAlign="center">
                                    <ng-container *ngIf="data[item];else another">
                                        <a href="javascript:void(0)" (click)="detail(data,item)">{{data[item]}}</a>
                                    </ng-container>
                                    <ng-template #another>--</ng-template>
                                </td>
                            </ng-container>
                        </ng-container>
                    </ng-container>
                </tr>
            </tbody>
        </nz-table>
    </div>
</nz-skeleton>